﻿body {
    background:#ede4d2;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:69%
}

.container{
    background:url(../img/bg_repeat.gif) top left repeat-y;
    width:663px;
    margin:0px auto;
    }

    .containerA{
        background:url(../img/topHome_bg.jpg) top left no-repeat;    
        height:584px;
  }
  
  .containerB{
  background:url(../img/topBooking_bg.jpg) top left no-repeat;    
  height:584px;
  }
  
  div.footer{
      background:url(../img/pageFooter.gif) top left no-repeat;
      height:23px;
      width:663px;    
      }
    
    
    a.lnkYouTube{
background:transparent;
display:block;
font-size:1em;
font-weight:bold;
left:211px;
padding:0px;
position:relative;
text-decoration:none;
top:42px;
width:144px;
}
    
    
    a.lnkDownload{
 display:block;
font-size:1em;
font-weight:bold;
left:7px;
padding:3px;
position:relative;
text-decoration:none;
top:154px;
width:155px;
        }
        
        a.lnkCompetition{display:block;
font-size:1.2em;
font-weight:bold;
left:257px;
padding:3px;
position:relative;
text-decoration:none;
top:515px;
width:144px;
}

    a.lnkDownload:link, a.lnkCompetition:link{color:#141843;}
    a.lnkDownload:visited, a.lnkCompetition:visited{color:#141843;}
    a.lnkDownload:hover, a.lnkCompetition:hover{background:#141843; color:#ffffff;}
    a.lnkDownload:active, a.lnkCompetition:active{color:#141843;}
        
    
    a.lnkBook{
        display:block;
        font-size:1.4em;
        font-weight:bold;
        left:260px;
        position:relative;
        text-decoration:none;
        top:85px;
        width:146px;
        padding:3px;
    }

    a.lnkBook:link{color:#000000;}
    a.lnkBook:visited{color:#000000;}
    a.lnkBook:hover{background:#141843; color:#fff;}
    a.lnkBook:active{color:#000000;}
    
    .bookingContainer{
        margin:0px 0px 20px;
        padding-bottom:0px}

.formHolder{
    /*background:url(../img/form_bg.gif) top left no-repeat;*/
    }
table{
    padding:0px;
    margin:0px;
    width:663px;
    }

td{vertical-align:top;}

.pnlDetails, .pnlConfirmation{
    color:#141843;
    margin:0 80px 40px 80px }
    
     
                    
                    .pnlConfirmation p{
                        font-size:1.3em;}
    
    
ul, ol{
    list-style-type:none;}

ul.formUl{

margin:0 auto;
padding:10px;
width:335px;}

li.formLi{
    margin:5px 0px;}
    
    label.formLabel{
    float:left;
    width:80px;
    font-size:1.3em;
    margin:3px 0 0;}
    
    .ShowSelectedTime{
       background:#c874ac;
        height:72px;
    padding:0 0 0 45px;
         }
        
            .ShowSelectedTime span{
        color:#ffffff;
        font-size:1.4em;
        font-weight:bold;
        float:left;
        padding-top:28px;}
        
        .btnChangeTime{
            background:transparent url(../img/btn_changetime.gif) no-repeat scroll left top;
            width:77px;
            height:31px;
            margin-left:10px;
            margin-top:20px;
            float:left;
            overflow:hidden;
            text-indent:-3000em;}
            
        .btnSubmit{
            float:left;
            background:transparent url(../img/btn_complete.gif) no-repeat scroll left top;
            overflow:hidden;
            text-indent:-3000em;
             width:154px;
            height:29px;
            }
                
        .btnHome{
            float:right;
            background:transparent url(../img/btn_home.gif) no-repeat scroll left top;
            overflow:hidden;
            text-indent:-3000em;
            width:79px;
            height:29px;
            
                }
                
               
 
 
   /*BOOKING*/
   .accordianContainer{
       margin:0px 60px;}
	h3.ui-accordion-header{
	    cursor:pointer;
	   
	    padding:15px 20px;
	    margin:0px
	    }
	    h3.h3Left{
	        background:url(../img/item_A_Title_bg.gif) top left no-repeat;
	    }
	    h3.h3Right{
    	    background:url(../img/item_B_Title_bg.gif) top right no-repeat;
    	    /*color:#FFFFFF;*/
text-align:right;
	    }
    
    h3.ui-state-active{
        /*background:url(booking/item_A_Top_bg.gif) #cacbde top left no-repeat;
        padding:15px 20px*/
    }
    
   .innerWrapper{
  /*      background:url(booking/item_A_Bottom_bg.gif) #cacbde bottom left no-repeat;*/
        padding:20px 40px;
    }
    
    .wrapperLeft{
        
        background:url(../img/item_A_Wrapper_Top_bg.gif) #c874ac top left no-repeat;
    }
    .wrapperLeft .innerWrapper{
       background:url(../img/item_A_Bottom_bg.gif) bottom left no-repeat;
        
    }
    
    
    .wrapperRight{
        background:url(../img/item_B_Wrapper_Top_bg.gif) #d1e7d4 top right no-repeat;
    }
    
    .wrapperRight .innerWrapper{
       background:url(../img/item_B_Bottom_bg.gif) bottom right no-repeat;
    }
    
    .item{
        text-align:center;
        background:#ffffff;
        margin:4px;
        padding: 3px 0px;
    }
    
    .item a{
        display:block;
    }
    .selected{
        background:red
    }
    .full{
        background:#666666; color:#000000; }
       .full a:link {background:#666666; color:#000000; text-decoration:none}     /* unvisited link */
.full a:visited {background:#666666; color:#000000; text-decoration:none}  /* visited link */
.full a::hover {background:#666666; color:#000000; text-decoration:none}   /* mouse over link */
.full a::active {background:#666666; color:#000000; text-decoration:none}   /* selected link */


                           
        
 /*clearfix*/       
        .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.errorMessage{
    color:Red;
    padding:19px 56px 0px}
    
    .errorMessage span{
    color:Red;
    border:1px red solid;
    padding:5px;
    display:block;}
    